import { SettingsSecurityComponent } from './security/security.component';
import { SettingsBaseComponent } from './base/base.component';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CommonModule } from '@angular/common';
import { SettingsComponent } from './settings.component';

const routes: Routes = [
  { path: '', redirectTo: 'base', pathMatch: 'full' },
  {
    path: '',
    component: SettingsComponent,
    children: [
      { path: 'base', component: SettingsBaseComponent },
      { path: 'security', component: SettingsSecurityComponent },
    ],
  },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class SettingsRoutingModule {}
